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Overview of AIC 

Amme International Company Inc IAIC) was 
established <n 1982 tor the purpose of releas¬ 
ing animated films globally The company 
focused its attention on releasing animations 
on video even before the popularization of the 
medium AIC released two original video ani¬ 
mations m 1985, "Megazone 23‘ and 'Iczer 1,* 
breatmg new life into the animation world 
Since then, it has created over 200 titles, 
including ’Gal Force,' Bubble Gum Crisis,' 
"Zeoraima," "Fight! Iczer 3/ Peacock King," 
'Vampire Princess Miyu," "Dangaio," 
"Bastard!!," Moldiver," “The Hakkenden, 
Macross 2‘ Ah' My Goddess,' ’El Hazard, 
"Tenchi Muvo!" and “Armitage III Every one 
of these titles has been serialized "Tenchi 
Muyo!,'' "El Hazard," and "Ah! My Goddess" 
have made their way to television and the big 
screen AIC plans to continue to make lively 
and exciting animated films 

AiC has also established other divisions 
focusing on CG business (AIC Sprits) and puo- 
lishing business (AIC Club) They plan, devel¬ 
op and produce amme-related computer 
games. CD-ROMs, console games, publica¬ 
tions and other merchandises 


The authors of this book, Hiroyuki Kitazume. 
Matsun Okuda, and Akihiro Izumi are engaged 
in animation production work at AIC Besides 
the authors, there are many talented artists 
and specialists working at AIC Their work has 
been highly acclaimed in the animation indus¬ 
try worldwide 

The authors' representative work 

Hiroyuki Kitazume 

Picture Director on "Z2 Gundam” 

Picture Director on “Megazone 23, Part 3" 
Director and character designer on 
alt six installments of “Moidiver" 

Matsuri Okuda 

Director and character designer on 
“Havenly Wars Shu rate” 

Director and character designer on 
“Legend of Galactic Heroes" 

Key drawings for ‘The Hakkenden" 

Akihiro tzumi 

Key drawings for 'Silent M_bius" 

Key drawings for ‘ The Hakkenden " 

Key drawings for “AhI My Goddess” 


Assistance: 

Amme Spot and Studio BIHQU 

Addresses of AIC 

and Yoyogi Animation Gakuin 

AIC 

AIC Digital Bldg 
3-19-9 Nakamura Kita, 
Nenma-ku, Tokyo 176-0023 
Japan 

Yoyogi Animation Gakuin 

1-20-3 Yoyogi, 

Shibuya-ku, Tokyo 151-0053 
Japan 





Upon Reading This Book 

It looks like there are quite a few people out 
there who want to become an animator or 
who want to work in animation production. In 
fact, not a day goes by that a cartoon is not 
shown on television, and in Japan, anima¬ 
tions get higher audience ratings than dramas 
starring popular actors. It is no wonder that 
people want to try doing it themselves. 
Nonetheless, compared to the large number 
of amateur cartoonists out there, as seen in 
the flourishing comic market, the number of 
amateur animators and amateur animation 
artists has just recently become quite sub¬ 
stantial. 

There could be several reasons for this. One 
reason could be the prevalence of secrecy in 
animation production Another reason could 
be the lack of opportunities for amateurs to 
present their works. 


This book was written in the hope that it 
would be of some help to amateurs who are 
interested in animation production and peo¬ 
ple who want to be an animator. Animation 
production should be fun, even if you do not 
know the minute details of the techniques 
used by professionals. We would like nothing 
better than to have even one person who 
reads this book learn how much fun anima¬ 
tion production is and contemplate it as a 
career choice. We are also confident that the 
basic knowledge of animation contained in 
this book will help people create comics filled 
with film-like qualities. We hope that those 
who read this book, including those striving to 
become a next-generation comic book author, 
will use this book as a stepping stone to 
becoming a creator. 
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■ <ow are cel animations made? The process can be 
iivided into three major areas planning, production 
L'if materials (pictures and sounds) :iod turning the 
completed materials into a film The process most 
familiar to the general public is the production of 
materials, but there are many other people that take 
*;an m the production of an animation A total of 

■ ore than 100 people are involved in the production 
:t a SCNTunute animation 

n port ant people get together to talk about whether 
ihH animation will be for TV or video, whether it will be 
30 minutes or an hour, and what kind of story ft will 
Have. 

Plan | 

The things decided at the planning meeting are put in 
writing to be presented to sponsors, TV stations, 
sellers, etc. 

Scenario | 

'he plan is turned mto a script so that there is logical 
levelapmenL 

Storyboard | 

t his is a scenario with pictures created based on the 
scenario to determine how to construct scones. 

Postrecording script^ 

ThB is a script for voice actors that contains the lines 
taken from the storyboard 

Character modeling; 

nation of character blueprint for animators. 

Art parameters | 

Blueprint of background and buildings, etc,, for 
animators, 

_ layout _| 

□rawing of actual scene compositions in full sue. 

Key drawing | 

Only points for moving of characters are drawn 

Animation drawing | 

Character movements are completed based on key 
drawings. 

Backgrounds | 

Drawing of backgrounds based on the layout 

Color designation | 


In Japan this process is followed in almost all cases 
when producing a cel animation, but the process 
may differ depending on the country or production 
company For instance, in the United States or 
Eurape, the sounds may be recorded first and the 
pictures drawn to fit the sounds (this is called pre- 
SCQiingh The order may be different, but both 
approaches will include the same stages. And the 
stages will pretty much involve the same tasks 

Coloring | 

Color is added to each ceL 

Special effects | 

Special painting with an airbrush, etc. 

Cel/background check) 

Completed cels and backgrounds are overlapped to 
check for errors. 

^Photograph^J 

Cels and backgrounds are photographed at the 
direction of animators. 

^tJevelepm^^^J 

The Fifrn is developed. 

Rush jpositive) editing | 

Prints are edited and time/trmmg are adjusted, 

Postrecording | 

Voice actors are recorded speaking their lines in sync 
with the animation. 

Negative editing | 

The same editing is done with the negative (original) as 
was done with the positive, 

Dubbing \ 

Finished sounds are added to the edited negative 

f Printing | 

Him tor showing is printed in the case o f television, 
it is put on video. 

^^creening^J 

important people preview the completed film to 
evaluate it 


instructions regarding which colors will be drawn 
where are written on cels. 
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Description of work involved in animation production 


H 


Scenario 


2 | Presentation (storyboard) 



Stuff walfli 


Animation >lr"ik 


'h 1 - 11,11 III 


Written by a scenario writer based on the theme 
decided upon in the planning stage The sentences 
describe each pad in a cinematic style while con¬ 
veying the intent of the author Character move¬ 
ments. settings and spoken lines ate then divided 
into scenes The scenario acts as rh» foundation for 
production of the animation. 


The storyboard specialists working under the guid¬ 
ance of the director draw a storyboard based on the 
scenario The storyboard acts as a Dlueprmt during 
the remainder of the protect The storyboard 
includes the scenes, spoken lines, sound effects, 
numoer of seconds and other information The peo¬ 
ple m all at the production sections will be able to 
understand it at a glance. 



■'inn IhhiiiI 



Trai inp I mu. pun liar mill miirnatiuii papri 
(Cmirtuiy n| \n ( lull if rj>„ Ltd.) 
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♦ Tools and supplies for animation 
production 

Storyboard paper This paper is printed in a 
form that makes it easy to create the story¬ 
board. which is a scenario with pictures. 

Stop watch: Used by animators and directors 
to measure the length of character move¬ 
ments and determine timing, 


Tracing bon: There is a light inside that allows 
you to see through multiple layers of paper 

Animation desk: A desk designed specifically 
for drawing A portion of the top surface is 
embedded with frosted glass with a fluores¬ 
cent lamp below it. This makes it easier to see 
through paper. There is a desk for finishing 
work that has no incline and different shaped 
shelves. 





































3J Drawing 

The animator's |Ob ts very diverse First the amma- 
: 1 must design and model characters at the same 
• ■ e that the animation is being planned and the 
SLenario is being written Designing involves corni¬ 
ng ud with characters. Modeling involves potting 
oqeiher a collection of facial expressions and poses 
'ater reference to make the animator's job easi- 
When the storyboard has been completed, the 
*rmator creates a layout based on the storyboard. 


Layout work *s the piocess of deftly Mting me 
source of the pictures that will actually appear or. 
television wnhm the frame representing tr* *eie. 
Sion screen printed on ayout paper *he ore-sem? 
iron is then checked When the go-aneeo s 5 
character drawings and movements are gradually 
completed based on the layout key drawings 
proofing ot key drawings, animation drawings and 
proofing of animation drawings When the key 
drawings are drawn, a time sheet indicating the tim 
ing of character movements is filled in 





Vlr. Hinmiki kitanumr tlrttwiny 



I line sheei 


Production Division 

This section is at the cen¬ 
ter of animation produc¬ 
tion It comes up with a 
budget, brings together 
the necessary staff, draws 
up a schedule, bridges the 
gap between sections and 
manages the animation It 
plays an important role 
Without it, the work would 
not get done 


Peg bars: These keep multiple sheets of anima¬ 
tion paper or cels in position, They are used 
mainly by animators and finishers. They are 
also built into the photography table. 

Layout paper This paper has a film or televi¬ 
sion frame printed on it to make composing a 
scene easier. 


Animation paper Paper designed specifically 
for drawing animations. It has holes for plac¬ 
ing it on the peg bar. 

Time sheet: A table that contains information 
about how a moving picture will appear on 
television and the timing of the presentation. 
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4 j Finish 


There are also many finishing tasks. First, you have 
to decide what colors to use after the animator has 
finished character modeling. You should thmfr of the 
overall tone of the pictures and *eep the back¬ 
grounds in m nd You then put an the selected colors 
on a color designation table so that none of the fin¬ 
ishers makes a mistake 

Next, you designate what colors will be used on the 
animation drawing teceived from the animator. This 
task involves writing directly on the animation draw¬ 
ing what color should be used, since the same char¬ 
acter may be colored differently depending on the 
scene. 

When the above tasks have been completed, the 
pencil lines of the animation drawing are traced on 
cels, which are then colored with animation colors 
Fog and gradation are called special etfecis They 
are drawn with an airbrush. Completed cels are 
checked and if they pass they are sent for photog¬ 
raphy together with backgrounds 


Crl 


\idim4) 


Finirtfiin^i^lnmtg Lining 
Animal inn * ■■ tint* 


A in mill ion i‘nlut> 

!< .nnrlesv nf Vu Color * in.. 


ltd.) 


“'lirimjt tm! 

iCmirtaty "l Art kolorCo.. Ltd.) 



Trwinp nuuTtiiir- 



IVll In nil & ti[is 

fCourttrsv nl Art 
Color Cn.. f lil.J 


Iiluvr* |liuurtesy of 
An tinlm i ,<]„ I ill i 


♦Tools and supplies for animation 
production 

Cel: A clear acetate sheet that is the same 
shape as animation paper. Characters that will 
appear on television are drawn on cels and 
colored. 

Tracing machine: A machine that copies pencil 
lines on animation drawings to cels. Lines 
drawn with colored pencils are not copied. 


Animation colors: Paints designed specifically 
for coloring cels. They are water-based, but 
they are water-resistant when dry. 

Stirring rod: A rod used to mix animation colors 
that have separated 

Airbrush: Used to draw fog and gradations. 

Pen: Used for color tracing and other tasks dur¬ 
ing preparation of cels. 







5 | Backgrounds 


''•e r e 31 e a number of background-t elated tasks, 
; 'St. an parameters. which determine the world 
wew of an animated film, are created. They are 
resigned to standardize the tone, touch and set- 
• igs The layouts received from the animator are 
catted key background drawings The individual 
backgrounds that will appear on television are 
■ awn based on the key background drawings 
backgrounds are drawn on regular drawing paper 
ng regular poster colors Airbrushes are also used 
r.'ea bit, but gradations, blur, clouds, light hitting 
» object and other effects are drawn by hand. The 
mpleied backgrounds are sent for photography 
■gather with cels after being checked by the art 
a. r ector. 


6J Photography 

Completed cels and backgrounds are overlapped 
and photographed They are photographed on a line 
drawing tapie (photography table), a camera setup 
designed specifically for photographing animations, 
one frame at a time as directed by the animator. The 
table on which the cels and backgrounds are placed 
and the earners can both be manipulated to create a 
variety of effects. 




r*wtvr u'l'im 

iCourtr** ui Vn Cut., liil. i 


Plotting! a littckgrromid 


Uik* drawing iablf 


Poster colors: Used for drawing backgrounds. 
They are somewhat water-resistant after dry¬ 
ing. They can be extremely powerful tools, 
depending on your technique. For instance, if 
you are quick, they can be painted over. 

Gloves: Used to prevent oil on your hands 
from getting on cels when you touch them. 


Line drawing table (photography table): A table 
used for photographing animations The cam¬ 
era faces down perpendicular to the table, 
where cels and backgrounds are placed for 
photographing. The table can be minutely 
manipulated in a variety of ways, including 
rotation and sliding, The camera can be 
moved up and down to accommodate both 
wide and narrow shots (these are controlled 
by a computer). The shutter is activated by a 
foot pedal. 
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Images before We 
Get into Animation 
Production 


n ■ s ovii mpression that there are a lot of people 
who like only the pictures In animations Such peo¬ 
ple like the characters rather than the animations 
themselves. There is nothing wrong with this, but 
we cannot help but think that so much more tun 
could be had it people would take the next step 
Let s learn the basic terms related to images in 
order 10 get a feel for creating a television picture 
and not |usi a picture on paper 


What is the size 
and at what angle 
is it seen? 
(Picture types) 


Size 

You begin with an awareness of The existence of rhe 
camera The television picture frame *s something 
you do not have to wot ry about if you are just draw- 
mg pictures All images. including animated images, 
fit within this frame The shape of the frame is fixed 
Consequently, the size of the character in the pio 
tore can be changed to create a desired effect 
When thinking of the composition of a picture you 
must be aware of the picture frame and the sue of 
the character w>thfn the picture How welt mis 
done affects The presentation. Types of sues are 
shown on The following page 
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1. Long shot: The character is shot from a dis¬ 
tance. Small movements are hard to see, let 
slone tacial expressions, but it is easy to grasp 
speed and distance when the character is 
made to walk or run, 


4 Waist shot: It is easy to present the move¬ 
ment of the hands and arms. The lower body 
cannot be seen, but the state of the lower 
body can probably be figured out from that of 
the upper body. 


2 . Full body shot: The entire body of the charac¬ 
ter just barely fits within the frame. It is easy 
to express exaggerated gestures without 
changing the location of the character much. 


5, Bust shot: Good for showing both the facial 
expression of the character and what is going 
on around the character. In television anima¬ 
tions, this shot is often used when a character 
is just talking. 


6 . Full face shot: The face takes up the entire 
frame. This shot is often used when you want 
to emphasize the facial expression of the 
character 

7. Close-up shot: You are so close that the entire 
face does not fit within the frame. This shot is 
often used to create a powerful image that is 
almost palpable. 


3. Medium shot: The character is bigger than in 
a full body shot. The facial expression of the 
character can be distinguished if the head is 
large. A shoulder bag will fit within the frame. 


13 










Position and angle 

What angle do you use when you draw a character? looking up? Can you draw with perfect ease a char- 

I bet many of you draw a character as seen from the acter as seen from the left or from the right ? 

left of center. And I bet people who are used to Practice until you can draw a character from a van¬ 
drawing a character from this angle can complete a ety of positions and a variety of angles, as if the 

picture in no time, But can you diaw a picture of a camera were moving around the character 

character from above looking down or from below 






Looking down 
from above 


This i iMiifif U ihr aufiicuc 
view \hr rhririuler ohjertivelv. 










How long will actions 
appear on screen? 

Length unit (cut) 


A cut can be thought of as one frame in a manga It 
can also be thought of as each individual picture in a 
him. A cut differs from frames in manga in two 
ways the shape of the frame *s fixed ta rectangle 
with a fixed aspect ratio! and only one cut can be 
shown to viewers at a time In the case of manga, 
you think of how best to divide a page nto frames 
to create the desired effect, but in the case of films, 
you think of how to create the desired effect by 


moving the camera or usmg character movement 
within a cut in addition it is (eh up to the readei just 
how fast each frame in a manga is read, but the 
length of each cut In a film is determined by the 
director and presented to viewers. As such, the 
length (seconds* of each cut must be determined 
based on careful calculation before being joined 
with other cuts 


Relationship between time/scene/cut/picture(Example) 


[ 



Flow of limt* 


i-i i r 

I- 


1 


< til * In flu * 1 * ftUHiple, smii* **T five tiJb, 

l-1-1-1-1-1 


mill* uWJ |Hl lUf» 






You create a story by dividing single scenes into cuts with some 
dramatic intent. Each scene >s made up of several cuts. Each cut 
contains a senes of pictures That depicts some movement. 
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in the case ol film used fo r ohotoorapning ani¬ 
mations, apptoximatetv 2& frames equal one sec¬ 
ond of animation (by comparison, m the case or 
video signals recorded on magnetic tape, approx¬ 
imately 30 frames equal one second of video) in 
the case of naming of an actual event, the image 
in each frame is sltghtly different, but in the case 
of television animations, since each pictute has 
to be drawn by hand, making fl a very time-con 
sumtng task, the same picture is usually pho¬ 
tographed on three frames This reduces the pro¬ 
duction time and cost of animations and allows 
for addition ol unique modulation to movement 
This unique modulation is what distinguishes 
Japanese cel animations from other types ol ani- 
Tli- same i>i»1ufc mations. 

i- filiuiuftmiihad 
hiii lliree Ii.hui--. 


Same picture on 3 frames = 3 pictures per second (24 = 3 X 8) 


i± aSKJ^.tffcS Jj 

I',! 

Drawn 

T ‘ 

1 

by Anii 
Move? 

mators 


* sm sure that you have an experienced the lingering light you see when you look at a fluorescent tight or 

• —i souicfl of light lor a shorl lime and then look away. The linage is limned unto your eyes and does not 
fr*_-:ppeai right away This is called an afterimage All films including animated films are based on this phe- 
•v.nenon (Note 1) In animations, since colored characters move pictures should be drawn in clumps of col- 
te-' I Note 2). 


Afterimages 

Utilizing optical illusion 


*. . . 1 ^ or * nsiance - when the wammg Irghts at a railroad 
i ■ 1 ___ crossing flash, it looks like the red lamp is moving 
back and forth, h is not actually moving. It is simply a repetition 
of ihe tamp on one side being turned off when ihe lamp on the 
other side is turned on. but to us ft looks like the light is moving. 
This is the principle behind animation (and all other film). An 
image ia picture) disappears and a similar image ia different 
picture* appears, but because of afterimages, ihe previous pic¬ 
ture remains faintly rn the eye. The previous picture slowly 
fades away and me next picture becomes clear AH of this hap¬ 
pens in an instant. If the shape of an object is different, it wilt 
look like the object has changed shape If the location of the 
object is different, it will look like the object has moved Since 
the two processes of disappearing and appearing occur quickly, 
to humans it looks like movement 






- (Until ? ! ^ lrcie - r ° r lMStance ' shoutd de a combi- 
[ _ nation of a clump of green and a brown 

cylinder This concept differs from a *Manga # style 
drawing, which stresses lrework to create an 
object's shape. If is not the contour lines of the face 
or clothes drawn with a pen or pencil that are 
important, it is actually the area (volume^ of the col¬ 


ors painted within those contour lines that is impor¬ 
tant. These clumps of color stand next to the shape 
of a face or next to the shape of a machine and they 
change moment by moment These changes in 
clumps of colors look tike movement thanks to the 
afterimage phenomenon 


How to Make Drawn Objects Move 

Tne following can be used to 'move' pictures based on the afterimage phenomenon 


1. Movement 

2. Transformation 

3. Enlargement and reduction 

These can be used separately or in combination to 
make animation pictures move- When attempting to 
make an animation picture move, whal the beginner 
has to be most camlul ot is the sense ot depth." 
This could also be reieimd to as "understanding 
space.' During this process, a three-dimensional 


obieet is depicted >n two dimensions. Here the dis¬ 
tance between the camera (vantage point) and the 
subject is important. Draw an object in terms of 
what direction it is facing and how it looks in relation 
to the vantage point 


u 


Movement 


When an object changes position within the picture 
without changing shape, n means the distance 
between it and the camera remains consul -t 
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2 | Transformation 

There are fvvn types of transferniatior Oe <s where the object itself changes shape and 
me other is where an object changes shape two-chmensionaily because the viewing angle 
’ as r hanged, even though the object rs the same. The familiar scene in which a charac 
•er loots back is an example of the atier type of transformation, as shown in the figure 


Transformation 1 m (£) 


M'*vi'iii* iii til t'limat trr 



R, 

(liitiumi 




I 



3 | Enlargement and 
reduction 


r ms is the only wav to express depth. Since 
H - ihiect fai away will be small and one 
dose will be big. an object can be made to 
move toward or away from the camera by 
manging the size of the object 





®Q 
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Chapter 1 



Drawing Animation 
Pictures 


j-rom "Moldtve* Resource Collection* published by AlC Club 



I . Decide What You are Going to Draw 

♦ Create an image in your head 

♦ Decide what you are going to draw before you draw it. 


<Po$e / Camera angle> 

It is certainty fun to go wherever your hand takes clear idea of what the character is like before you 
you when drawing, but it is important to plan ahead start drawing, 
when drawing for animations You should have a 


Try to create characters that can be described by 
_ the people who see them. 
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♦ Make your characters distinct 


<Character table> 

1. Age? 

2. Gender? 

3. Personality? 

4. Features? 

5. Stature? 

6. Clothes? 


Grade school, high school, young, middle-aged, 
elderly, etc. 

Male, female 

Cheerful, gloomy, thoughtless, high strung, etc. 
Foreign, old Japan, rich, rebellious, etc. 

Tall, thin, muscular, etc. 

Formal, casual, uniform, etc. 



♦ Determine the size within the paper. 





* All of what you draw on paper * 

« will not appear on the screen. You * 

* have to be careful, because only ' 
the portion of the picture within a < 

4 frame placed at a fixed position * 
on the animation paper will J 

* appear on the screen. * 

* 
ft 
ft 

t—*— Animation 
* 

m on paper 

P 
« 

m 
# 

* 

» 

p France 

» 
ft 
a 

* 

p 

p ft 



'2 You get a good idea of the card and 
the character. 


I You want the card to be seen and the 
character is secondary. 
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<Pencil techniques> 



Dram will) 

I (i'll- portion 


Do you eve< find That your drawings do not loo* right even 
Though tnere is nothing wrong with the torm? Or rnaybe a 
drawing does not look good even thougn you traced over a 
good drawing done by a friend The reason for this is the 
lines. Drawing good pencil lines '.an do wonders to a draw* 
ing Several examples have ueen presented tor your refer¬ 
ence 


Good 


It does not take long for the tip of a 
pencil lo become round. You should 
rotate it so that you are drawing 
with the pointed part of the lead. 


Good 


Where lines come together and in fine areas, 
prevent globs by pulling lines up short. 


If you look at drawings done by professional cartoonists, 
you can see that their lines often have breaks in them. 
There is no rule that says that lines always have to be 
connected. Breaks in lines have the effect of making the 
shapes of objects clearer. 


Good 


Draw lines vigorously and tong 
using one or two strokes. Unsteady 
lines and lines that have been 
retraced several times do not look 
good. 


You want to express the pointed ends of eye¬ 
lashes using the lines as well as the shape 
Draw them with a flick of the pencil. 



2 ■ Do Not Make a Clean Copy Right Away 


Process 



Draw outline 


Lightly draw a general outline. Decide on the pose 
of the character The lines at this stage are not yet 
the 'correct' lines These lines will tie erased later, 
so there is no need whatsoever to draw them care¬ 
fully Be bold' 


A. In addition to characters, how you leave space 
open is important to a good-looking picture 

B. Lines are light These lines will only be used as a 
reference as you draw your picture. 




(balanrt- Uhmtwii lln- sin* uf fit*- bead and body!. 
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Process 

Compare the main parts 

{balance the head and shoulders, etc.) 

Gradually make the shapes a little more concrete. 
When doing so, compare the size and length of the 
parts to see if they are well balanced. 



A. Think about the flow of the center of the body. 

B. Confirm the position and tilt of both shoulders 
.and make sure the pose is the one you intended 
no draw, 
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Process 



Arrange parts (eyes, nose, mouth, etc.) 



As with the overall character, do not start drawing the 
face by drawing a bold mouth or eyes First, decide where 
the mam pans like the eyes. nose, mouth and ears will go 


Where you place the eyes, nose, mouth and ears deter¬ 
mines the direction and inclination of the face. The same 
thing goes for other parts and accessories on the body, 



The quality and atmosphere oi tin- picture can hr jndpeil al this tftajse. 
fl you du rmi like what you see. mm is ihr time n» fix it. 
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Process 



Begin to add fine details 


Add more details to the character. Draw the expression of 
:ne face and hands and add clothing This concludes the 
outline. 

A.The curve of the cheeks is a delicate area. Even a very 
slight difference can change the character, making it 
fatter or thinner, 

3. Pay particular attention to the size of the eyes. Think of 
both the iris and the whites of the eyes, Make sure both 
eyes point in the same direction. 

C. Vou can prevent the hands from looking bad by making 
sure the fingers are not parallel. 



“i 

Incorrect: The l*Tl eye is too low 
and it liars Inst its shape* If you 
think ii does not look right do not 
hesitate in draw it again. 

































Cm) io 


The character's expression* 

The character is looking up* The eyebrows, eyes, nose and mouth are higher 
than usual. Be careful how you form the chin* 

- Try drawing characters facing to the right sometimes rather than always to 
the left. Eyebrows are drawn like this when the character is perplexed. 

i Try drawing characters from other angles as well. Discover how characters look in 
different situations, 





(&> (i) 



The character's typical expression. 

How do the eyes look when a character laughs? How about the eyebrows? 
Are the eyes anci eyebrows farther apart? Note the shape of the mouth, 
c Note the height of the right and left eyes. The right and left shoulders are 
also inclined, so (heir height is different, 
d Be bold and tty to find interesting expressions. 







® The character’s typical expression. 

6- Draw the side view of the face so that it looks Jike the same character as seen from the front 
© A different type of laugh. Like a laugh of embarrassment. 

■3 Draw a surprised face like this. Note that the eyes and eyebrows are far apart. 





3 . Put Lines in Order and Make the Shape Cleat 


Process 



Find extra lines and incorrect lines 


Continue to draw necessary lines and shapes You 
may feel i ke the first i>nes you drew are starting to 
get m the way. but do not erase them just yet They 
will continue to act as a guide as you draw. 

It appears that the lines at the locations indicated 
are no longer necessary, but this is not true. 

* The lines at location t are necessary to make 
the hair look more like hair, 

* The lines at location (2.) are necessary for think' 
ing about the sags and wrinkles of clothes. 

* The lines at location ( 3 ' are necessary to con¬ 
firm the width of the chest, 


The overall image is becoming dearer From here 
on m, as you draw look for the lines that you wis 
keep 
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Process 



Carefully draw the fine areas 


- ; ier you have finished the general form, review the 
* ne areas again. The overall appearance of the pic¬ 
ture will only be one-tenth of its potential if you do 
f te hne areas halfheartedly 


Be particularly careful with the areas indi 
cated. Oddly enough, people tend to took at 
these fine areas. The eyes and mouth affect 
the expression and personality of the char¬ 
acter 




\l ihte point, the pkinr#« ^ near compel ion. Make me final e\m\s for deviations in ili^ torn] 


3 ? 







© In the case of 
a normal picture 


O In the case of cel animation 




ftermal rolnr 


Highlight (brighter 
timn ooffniii whir) 


This line is not a contour 
line. 11 is the bonier 
between the ligbl and dnrk 
portion fci. 


^haiiov* 

color 


Process 



Add shadows 


Shadows in animations give characters, which are 
essentially twcKhmensional s three-dinneri$Jonal 
feel The unevenness of a picture is made easier to 
grasp depending on how the light hits a character 
Shadows are indispensable for real fob-sized Char- 
acters. considering the need to make a character s 
presence felt within the screen Shadows are drawn 
with a colored penal This completes the rough 
sketch 


Gradation shadows are not used much in cel anima¬ 
tions. There is a clear distinction between bright, 
normal and dark portions For that reason the bor¬ 
ders between the light and dark portions are 
extremely important, 

| Shadows are a pattern 

| This may be misleading, but animation shadows j 
i are often drawn in the form of a pattern. Nicely ! 
| shaped shadows are sometimes drawn to make j 
! a picture look good after considering the direc- j 
\ tion of the light and the solid. 



C iirefi.il 1y f‘wi*id<>r Pie HiiHvrJLnFfe* itf tbr sijlid when drawing. 













Process 



Make a clean copy 


At this stage you tentatively finish your picture In 
terms of the animation process, you will have com¬ 
pleted a key drawing. Make a dean copy by tracing 
your picture with excess lines on a separate sheet 
:f paper using a tracing box. Make minor correc- 
irons to lines and shadows as you trace without 
destroying the atmosphere of the lines and shapes 
n Process 7 





Spend [plenty of tiniv on die fine parts so I hey iIcs not look sloppy. Draw shadows with a enlorod pencil. At lid* pnmL 
the picture due* not have to be very rnlnrfuh You jusi lidvf to be able lo diniliiiguish between tiphl and dark , 













4. Clean-up 


The cleaning up at this stage differs from that m 
Process 8 Cleaning up at this stage is done to make 
a cel. Special lines are drawn during this clean-up. 
This drawing will be the source of the picture (cel 


image) that win actually appear on the television or 
theater screen This clean-up is the final task of the 
animator 


Process 



Cleaning up contour lines 


Start by cleaning up regular contour lines < called 
solid 'inesi Note the following six points when 
cleaning up solid lines, 

1 Just Irka calligraphy or inking rn manga, avoid 
retracing a line you have already drawn whenev¬ 
er possible, 

2 Make the shade of all lines the same 

3 Draw lines in one stroke without hesitating. 

4 When you draw one line by connecting two sep¬ 
arate lines, make the point where they ioin as 


inconspicuous as possible. Raise your pencil like 
an airplane taking off and bring it down where the 
lines will join like an airplane landing 

5 There is no need to worry about the orientation 
of the paper on the desk. Move the paper to a 
position where it is easy to move your hand in 
the direction of the line you want tp draw. 

6 Be sure to exploit the accentuation and atmos¬ 
phere of the lines in the picture drawn up to 
Process 8 



Clean uj< with the drawing from Pieties* K underneath. 
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Example of clean-up done poorly 

The tines are wavering and the smooth¬ 
ness of the cheeks is gone. Try drawing 
with brisk and smooth strokes. 



Do nul think just about (raring the picture lirnlemeatli. Think of llie new drawing 
as a finish™! product. Krqi cheeking how (lie new picture looks as you draw, 
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Process 



Cleaning up shadows 


You use a colored pencil when cleaning up shad¬ 
ows, Vermilion and other warm colors are often 
used. For the parts to be done in a dark color (shad¬ 


ow color), distinguish them from the other pads by 
coloring very lightly using the edge of the colored 
pencil This completes the animation drawing 




Highlight 

\onnai 


Shadow 



Thi* ia not ihe saute m rsoWtiig a pklum ft hslMfr do* do not down litinl willi the colors pvni'il. 
Thmk can fully dlimit the fact ihttl \hv. pitrlun will hr rolored later. The diurnal mil drawing i* m<me - tdorful 
than the drawing lo ntftkfc il r^siei in di*hn^tlisli !n*lweeti coliirs when converting it U> a ocl. 
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**ual 


Hiroyuki Kitazume's Drawing Advice 


Here are some pictures done by rook¬ 
ie animators. I will list some things to 
check for when drawing 


II 


General comments 



When you use your imagination to dfaw a machine 
or tool, study the use and structure of an acTual one 
so you can make it look realistic. 

Why U than* fi 
Htruight wind* 

shield un ;i round 

Think 
about dii- iline^ 
ciiraert^i utrutl dJe*i 
i* ymi draw. 

I hc drawing will jm>k ihrrt- 
tUition*! onnl it viuj draw Itoi' 
rrliilmnsliip tmlwecn die am 
of the fiwdujv* timj fhci rros^ 
tkorutl m rd ■irrurrilrK'i 
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Be careful wi\h llie balance 
(proportion) *>| ihe body. 


When drawing for fun, it is good to draw the sur¬ 
rounding background and not just the character. 
Practicing expressing a three-dimensional effect in 
the two-dimensional space of a drawing is a very 
good way to improve your drawing ability. 


Pay nil ml ion to the changes in cross section: 


IcvrJ inferred from llie 
face of the *Lage 


hviking up from hrlrnv f 

I diking ckiwrji from above J 


Perspective r\h\* in 
empty spaces ns wcH 



Try flrawing trfr*s nnd 


olhiT objrrls in a vnHHv 


d way? In improve you 
range oj exprewon* 



Pay a tin If* moie 
attention to how you 
draw wrioklra. 


spend moiv 
learning hmv \o 
draw hands. 


Scenario 

The artist has done a good 
job of drawing soft, clean 
curves l think the drawing 
would look even more natu¬ 
ral »f the artist would 
observe the real world such 
as wnnkies on clothes 
before drawing, 





Scenario 


When drawing a picture for an ani¬ 
mation, you should tidy up the con¬ 
nections between lines and the 
form a bit more Paying attention 
to the shape of the body in clothes 
and the position of joints will result 
in a more three-dimensional and 
natural drawing. 
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Chapter 2 


How to Add Colors to 
an Animation 


From Re*ourr’«* tjollrrtinft” pujblir l****I l»\ \IC Cluli 


























Cel Animation Materials 


Making a cel animation involves many processes, so 
you end up with an enormous number of drawings. 
These drawings eventually become one of two 
types of pictures, a cel or a background It is the cels 
and backgrounds that are photographed. The cels 
and backgrounds needed for photographing are 
called photography materials or |ust plain materials 
Animation (drawing), finishing and background tart) 


could be thought of as the sect ons that create 
these materials. 

it takes the cooperation of many people to make an 
animation, but each task is done separately As 
such, each section needs to have a good grasp of 
what is being done m the other sections m order to 
make a good animation 


Animation drawings are transferred to clear sheets made of acetate, 
which are then colored, This is the first time that the moving 
pictures have color. 






Animation ptrlun* iwn on the television screen 
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Rough drawings done by an animator are 
transferred to drawing paper and colored 
using poster colors. Unlike drawings of 
characters, contours are not drawn with black lines. 
Backgrounds are drawn with only color tones and the 


t _ 

Back¬ 

grounds 


Animation b Movement is completed with a character 
drawings | consisting of only lines. They are drawn 
to fill in the space between key drawings. 
The lines on these drawings will be transferred to cels, 
so they must be drawn cleanly. 


Viiimiilioii drawing anti background overlapped 

This is what it looks like when a cel is plated or a background. They are photographed in this state. 
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Example ijf t iiEif designation table 


Creating Cels (finishing) 

Cels are what actually appear on the screen, so they 
have to be done carefully. Good drawings and 
movement done by the animator will not do you any 
good if the cels are dirty. Errors are minimized by 
proceeding systematically. As for coloring of cels, 
there are many different ways of going about it and 
all have to be done properly. Some tasks can only be 
done by someone who is used to doing them. 

1. Color designation -gBSnKi" 

in order to proceed systematically, you first have to 
designate what colors to use. You decide in advance 
what colors to use where and make a color desig¬ 
nation table You write the color numbers on the 
main animation drawings using a colored pen based 
on this color designation table 



Hair/eyehrows 



Pupils 

Whites of 
ry rs/hitthlighl 


Skm 

Earring 


Wmution drawing with color ritf'Mgnnlioii* 

r\tfn 1 itlh*detail without making rim mistakes. 
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Transferring animation drawings to cels 


| 2. Tracing } 

The next step is to transfer the pencil drawings to 
cels using a tracing machine. A cel, carbon paper 
and an animation drawing are placed in that order on 
a mount called a carrier. The carbon paper is placed 


so that the side with the ink on it faces the cek The 
carrier cover is closed and the carrier is run through 
the machine. The pencil lines on the animation 
drawing will appear on the back of the cel in ink 





A eel created by the tracing machine. 



You can see that the lines on the cel are blacker than the pencil liriefc. 
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When you want to correct lines that the tracing # 
machine did not transfer cleanly or when you want * 
to draw contour lines <n a color other than black, you * 
use a pen and draw on the front of the cel by hand ‘ 

* 

ft is possible to transfer all the drawings this * 

way. Aside from the fact that animations « 

require tens of thousands of drawings, it is 9 

sometimes advantageous to trace by hand if " 

you want to make one drawing especially * 

clean. * 

* 

* 


& 
* 

» 

* 
* 

• 

In order to fix a cel with unclear lines, place a 

the cel with unclear lines over its animation * 

drawing and join the lines by tracing over the * 

unclear parts with a pen. The trick is to pay 6 

attention to the boldness of the lines as you * 

draw, as if you were inking in a manga draw- * 

ing. For bold lines, draw the contour of the * 

line itself using two lines and then fii! in the ® 

space between the two lines with black. * 

* 

♦ Difference between hand tracing * 

and machine tracing 






The line may stand out tike this when you 
are finished drawing it, but it will not show 
up when it is photographed, so there is no 
need to worry about it. 





























Transferring colors other than black to cels 


3. Color tracing 

_ _ y 

Hand trace lines using the actual colors that will be 
used for everything that does not have black con¬ 
tour lines like water, ice, fire and glass and border¬ 
lines between light colors and shadows even if the 


object is surrounded by a black contour. Shadows 
are not created using gradation. A characteristic of 
animations is the depiction of shadows by clearly 
separating the border between light and dark colors. 




2 >y.ri*ib> 




A cel that hun undergone color tracing 

Colors fir ft traced on animation drawing lines that were drawn using colored pencils. 


53 


































Coloring cels 


I 


4. Coloring 


w 



A col ln-inp; oolowtl 


Beam coloring the cel once the tracing of all contour 
lines, shadow borders and other lines have been 
completed Coloring is the task of placing animation 
colors on the back of cels, The trick is to ‘place" 
paints on the cels rather than "paint" them on Make 
sure that the colors are even 

When the animation colors are hard, dilute them by 
adding a little water to make them easier to apply 
They are the right consistency if you can spread 
them on the cel lightly with a brush. Make sure that 
the paints do not become too thick. 



A cel ihui h.i* not hcfii compfelily colored vci 
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Always paint within the lines and make sure there 
are no gaps between colors. A good rule of thumb 
is to only cover half of the Width of traced lines with 
anmnatton colors* 

You can erase animation colors if you wipe them off 
immediately. If you notice a mistake after they have 
dried, carefully scrape them off using a bamboo 
spatula. 



The e<tl a* from lw‘hin*J 



The cel 1 ms been completed colored 
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5, Special effects Drawing with an airbrush, etc, 

Ce! animations sometimes require special effects that 
cannot be created by simply applying colors with a brush 

_—---- (n many such situations, an airbrush is used to create the 

desired effect An airbrush is used to add gradations, to 
draw clouds, smoke and other obiects that do no! have a 
clear contour and to create a shining effect. 

There are other extraordinary techniques for adding 
effects in addition to those created by an airbrush, includ¬ 
ing deliberately damaging a cel to cause a diffused reflec¬ 
tion or adding a light color from above a cel, but these 
techniques are being done less and less by the special 
effects section as of late 



Examples of special effects 
created using an airbrush 


:TJCreate flushed cheeks 
like these from the 
front of a cet. 

,2jCheck to see that you 
can create the effect 
you want by practicing 
on a sheet of paper you 
do not need before air- 
brushing a cel. There is 
no turning back once 
you have applied a lot, 
so make adjustments 
as you go by applying 
it thinly and quickly 
over several blasts of 
paint. 

3]This concludes the air- 
brushing task. Use air¬ 
brush effects sparingly, 
because if you use 
them too much on a cel 
it will stand out. 



Completed cel 
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Examples of effects created using an airbrush | 

The light shining through clouds is expressed 
using an airbrush. The majority of the picture 
is done with 3 brush. The airbrush has been 
used to add spice to the picture. 




The light of a street lamp in the night sky was 
airbrushed in a sharp manner in order to indi¬ 
cate direction. 



An airbrush is used to make the sun look realistic. 
You can express burning flames and brightness. 
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Painting Backgrounds 


There is another material that 
appears on the screen in addi¬ 
tion to cels: backgrounds. You 
may not notice them much as 
you follow a moving character 
on the screen, but the quality of 
background pictures affects the 
overall quality of scenes. 

Characters are drawn in the 
‘manga’ style, but background 
pictures are similar to fme art 
You think about hue, brightness 
and chroma as you paint. Unlike 
coloring within contour lines, 
you are more like a painter. 



JJ 
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Freely create colors 


1. Mixing colors i 

x...,y 

First, get rid of any coloring book-type perceptions 
you may have like painting the sky light blue, grass 
green and lemons yellow. In order to paint a space 
with a three-dimensional effect, you have to make 
full use of poster colors, create the optimum colors 
and express depth and the contrast between light 
and shade. A tree trunk will be brown, but the 
brown where light hits it and the brown where light 
does not hit it will be different, When you make col¬ 
ors, think about what colors are needed to express , + . 

Let s say you are going to paint the sea ana 

nat sky. The sea is light blue. The sky is also light 

blue. How would you distinguish between the 
two? In picture T| F both the sea and sky were 
painted with light blue with no alterations. If 
you do it right, you can make the painting 
dynamic, as in this example. On the other 
hand, the sea and sky in picture \ were paint¬ 
ed with different shades of light blue. As a 
result, the painting is more dynamic and tran¬ 
sitions are more pronounced. 



m 
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Color chart- 

We have presented actual examples below of mak¬ 
ing colors darker through mixing for the purpose of 
adding contrast between light and shade to the 
color of an object. 

Often both tight and dark colors look like 
totally different colors when they are on the 
palette. For fear of this, you might make the 
mistake of mixing only slightly different 

1. Original poster colors 


Example color preparation for expressing 
the contrast between light and shade 


shades of a color, however, on paper there 
will be no contrast between tight and shade. 
You should be bold and make the contrast 
between shades sharp. 



Colors added 


u 


2, Colors are made slightly darker as a result of mixing. 





3, Colors are made even darker as a result of mixing. 
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Contrast between light and shade was added 
to a white cube using color No. 4 on the oppo¬ 
site page. Dark green was added to the darker 
parts. 
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Add blue to ihe brown 
r rot on tree for variation. 


We isolated colors being used in different 
parts of the picture. Note how different the 
colors look when they are in the picture com¬ 
pared to when they are isolated. 
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Different ways of applying paints 


2. Basic brush techniques 





Flat application 

| This involves even applit 


This involves even application of a single colon You 
quickly paint right and left using a flat brush. 
Moderately dilute a poster color and repeatedly 
move the brush to the right and left, applying about 
half the width of the brush with each stroke. 




r j. ■ y 1 


- 











♦ Groove painting 


I This is used when you want to draw a straight line, When yog 
I try to paint along a ruler to get a straight line P the pemt will 
I seep below the ruler and spread. Hold a glass rod (or a chop' 
I stick) together with the brush as if you were holding chop- 
I sticks. Place the glass rod in the groove of the ruler and draw 
I a straight line without stopping. Note that The Irne will not be 
I straight if the distance between the brush and the glass rod is 
I not the same Throughout the motion. Rubbing wax or a simi* 
I lar substance in the groove will make the glass rod slide more 
I easily and will help prevent jagged lines. 


. 






■ 




































How well you use brushes is important when draw¬ 
ing backgrounds given the nature of the pictures 
that are painted. You should at least master the typ¬ 
ical and basic brush techniques. 


Color A: from top !o bo Morn 

( Movement of brush ) 






Color B: f rom bottom lu Lop 


# Blurring 


This is used to make multiple colors hazy. Lightly apply 
color A and then fill in with color B. Move the brush back 
and forth a little where the two colors come together to 
make a secondary color on the paper. 


* 4- Gradation 

* This is a variation of flat application. You paint 

* color A from the top and color B from the bot- 

* tom in the same manner as flat application. 
® Repeat several times so there are no brush 

* marks. 
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3. Let's begin painting 


Expressing depth 
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Trees m a forest 

Drawing each individual tree 
in the distance would be a 
daunting task. Distinguish 
between trees that you want 
within viewing range and 
those that ar© far away while 
at the same time blurring trees 
that are far away using colors 
alone, Emphasize the contrast 
between light and shade on 
nearby trees because they are 
clearly visible, 

Outer space 

Outer space is essentially a 
pitch-black space and depth 
cannot be expressed without 
some objects, but it will look 
like outer space if you create 
light areas and dark areas and 
include your image of outer 
space, What you are doing is 
adding accent to a picture that 
potentially could just be a sin¬ 
gle color Dot the picture with 
stars of varying sizes. Do not 
place the stars in a uniform 
pattern and make sure they 
are not too clumped together. 












A background picture contains both areas that 
should be clearly shown and those that should 
not, Use clear, sharp contours and colors for 
things you want to show the most. 


In general, distinguishing between objects in 
the middle and those that are extremely close 
and far away makes it easier to create a sense 
of depth. 




Depth expresml by making; the foreground bright 
nil'I the kirk ground dark. A dark background makes 
for an ominous picture* 



Bright expression of distant views \ 


- Depth t-realml by making the background bright* 
The effect is that of bright sunlight on a spring or 
summer day. 
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Let's try painting 

Expression of Textures 



Clouds and smoke 

]f you want to have moving 
smoke, you need to use ce!s, 
but smoke that has risen 
high in the sky is often used 
in backgrounds. Express the 
spread of smoke by erasing 
edges with an airbrush or by 
other means. Clouds are 
painted in the same manner, 
but the trick with clouds is to 
consider the direction of 
light and make the contrast 
between light and shade 
dear. Draw the edges of 
clouds with a brush so they 
are not too blurred. Make 
full use of gradation and 
blurring techniques. 



Many flowers 

Painting each individual flower is not practical, so think of flowers in terms of clumps. 


68 





Thickets 

It is not practical To paint each 
individual leaf on a tree, so 
think of leaves in terms of 
dumps like you would with 
flowers- Think of their overall 
contour as you place colors 
in back and front. Do not glob 
the paint on. You should 
leave spaces so you can see a 
little bit of what is behind 
them. Use your brush care¬ 
fully when creating spaces. 
Be sure not to spread the 
paint around excessively. 


Close-up of one section 
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Floors 

\i is difficult to express 
depth because floors are 
fiat. Add reflections to 
make floors look more 
realistic and create a sense 
of depth. Reflections will 
make floors look smooth. 
You can use this to distin¬ 
guish between man-made 
surfaces and natural sur¬ 
faces like the ground 
because natural surfaces 
are not smooth. The gap 
between floor tiles is black* 
but the edges of the tiles 
themselves are shiny so as 
to create a three-dimen¬ 
sional effect. 



Man-made structures 

tike floors, man-made structures are flat* smooth 
and mechanical Always think ^parallel* when using 
your brush. For objects with angles, change the 
movement of the brush in line with variations in the 
surface. 
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Backgrounds for transposition (background transposition) 

Tor scenes where the background gradually changes from daytime to night, for instance, you make two back¬ 
grounds with the same form, one for daytime and one for night, and express the change by overlapping them. 
How light emerges, how it hits surfaces and even the textures of colors change. 
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Harmonization j 

Harmony is the presentation of an animation irv the 
form of an illustration-type picture using cels and 
backgrounds and not in the normal cel animation 
fashion A cel with contour lines is placed over a 
background picture. The contour is clearer than the 
background and the background offers subtle gra¬ 
dation superior to the cel You can use this tech¬ 
nique tor characters to create a symbolic scene. 





Contour lines t random! d to a t el—Material I 


Pu litm tjrtuvri for background—Malarial 2 


I orMplrtiou 


If die plcturtf will not muw. faannonixation urn lw* iwwl for and oihei ujijert* m small v imprm*' 


levttlm 























Before photographing 



Rarkgrnund 


\ 


Cul A Cel n 


Lei's try placing a ceE over a background. By the 
way,, more than one cel may be placed over a back¬ 
ground. It is not uncommon to place two or three 
cels over a background. 

The first cel put on the background is designated A, 
the next oneBandso forth You do not notice it on 
the TV screen, but cels for a character are sorted in 
this manner 



Background + Cr\ A 





+ Cel A + Cd B = Completion 
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Gallery ) Artist: Hiroyuki Kitazume fo r is ffi rS’ nWig,raldr ™ i " 9d0n ' 
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Filming (Photography) 



Farte-out 


The pictures will not move with the completed 
materials (cels and backgrounds) alone The pictures 
come !o life only after they have been photographed 
and are projected continuously. 

Here we will present several special techniques 
used when photographing cets and backgrounds 


Fade-in (F.l.) 
Fade-out (F.O.) 


This is done by manipulating 
the camera. You start with an 
underexposed frame and 
Slightly increase the expo¬ 
sure one frame at a time so 
that each picture gradually 
gets brighter. This technique 
allows you to have a scene 
appear gradually. This is 
called fade-in. Fade-out is 
just the opposite. A scene 
will gradually dissolve. 
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Overlap (O.L.) 

First, you photograph a scene so that it fades out. 
Then you rewind the film and photograph the next 
scene so that it fades in. By doing this, the first 
scene dissolves while overlapping with the next 
scene {the next scene appears while overlapping 
with the preceding scene). This is called overlap. 

Overlapping within the same cut is often referred to 
as O.L. Overlapping in the examples presented 
here is called overlap transition because a transi¬ 
tion is made from one cut to the next using overlap. 


77 














M;t(i-ndl I ulnritr 


In the example given here, a double exposure 
(often called “daburashi" in Japanese) is used 
to create the appearance of a semitransparent 
person reflected in a lens. 


Double exposur e (WXP) 


The expression "double exposure" is often 
used when you alter only a part of a shot for 
some reason, such as when you want to make 
only characters look transparent. 


Miilcrirtl 2 ulttnr 


Completed shot 


Incident light 



Material 2 alone 


Expression of light shining in from outside a 
shot. After photographing cels and back¬ 
ground in the usual way, shine a light on some 
object located outside the frame that will 
reflect the light diffusely (there are a variety of 
things to choose from), and photograph the 
shot with the reflected light in the frame. 




Completed shot 
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Transmitted light 

When you want to make it look like a part of a 
shot is shining, rewind the film after photo¬ 
graphing cels and background in the usual 
way and then photograph the same frame 
again with light alone. 

Place on the table black paper cut out in the 
shape you want the light to be and photo¬ 
graph with the light source below. The shape 
will appear in the shot together with the nor¬ 
mal cels and background. 




Wavy glass 

You often see expression of swaying water 
as if a shot was photographed under water 
or the shimmer of hot air caused by heat 
from flames. These effects are created 
using wavy glass during photography. An 
acrylic plate with bumpy waves is placed 
in front of the camera. You can create a 
swaying effect by sliding the wavy glass 
vertically and horizontally. 




Material 1 alone 


Material 2 alone 


Flare-transmitted light : Example 1 

The area around the sparks from a gun is 
made to look hazy like light escaping. 


Completed shot 































Material 2 n]one 


Completed shot 


Flare-transmitted light Example 2 

Flare-transmitted light is used to express elec¬ 
tricity. A special cel called a "lith mask" is pre¬ 
pared to make the tines look like they are shin¬ 
ing. 



( Pinhole light + cross filter u) 



Holes were simply cut out of black paper and 
the light source was placed below the film. A 
"cross filter” was attached to the lens to make 
the light shine like a cross. 



Completed shot 
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Or, 


Cha Pter 3 


avWn 9 Act 


•oris 














Carefully Plan Actions 


1. Make the situation clear 

If you ttiavv aimlessly. y0U r work w<N be nothing 
more than doodling Drama *s a product of a 
sequence of a variety of events, so you Will need to 
draw venous scenes, Think of the situation in which 
your character finds himself or herself in terms of 
the following. 

* J Where is the character standing? 

I SHow far away is the character from other 

« characters (if there are any)? 

* 

* ID Are there any props? 

I 14) What is in the background? 

* D How big is the area? 

* £1 What is the direction of the light? 

I ZJ Others 
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How will you present the situation? 

♦ Will you present the character up close or from far away? 



Bust shot 

This is used when you 
want viewers to focus on 
the character. The facial 
expression of the charac¬ 
ter is accurately conveyed. 



This is used when you 
want to illustrate the area 
around the character The 
drawback is that it becomes diffi- 
— cult to see subtle facial expressions 
on the character. 


Wide shot 



♦ Will you show the character from 
looking down? 



Looking up from below 

This angle makes the charac¬ 
ter look important or full of 
hope. 



below looking up or from above 



Looking down from above 

This angle makes the character 
look dejected or in an unfavor 
able situation. 





















































2. Trajectory 

—Think about the action line 

Think about how to move an object Do not |ust 
think vaguely in terms of the position of the object 
changing. Have a dear idea of the path the object 
will follow. This path is called the ‘trajectory’ or 
"action line.’ The quality of motion is dictated by 
this trajectory. Trajectory is present in all motions 
no matter how small. At this stage you carefully 
plan a motion. 





Even if the starting position and the end 
position are the same, the motion will be 
completely different if the trajectory is dif¬ 
ferent. As seen ini, 2 ' and ? ", inserting 
a different picture between 1 and 3 results 
in different motions. The picture you insert 
in the middle will differ depending on the 
trajectory you come up with. 
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i j^unmngj 

When drawing pictures of someone running, 
you tend to focus on the motion of the hands 
and feet, but the body is also moving up and 
down at the same time. Think about both the 
trajectory of the body moving up and down 
and the motion of the hands and feet. 



How the person being kicked falls down will dif¬ 
fer depending on the motion of the leg doing the 
kicking. The kick should be a rotary motion that is 
natural given the structure of the human body. 


PunchingJ 


In a punching motion, the fist travels in a 
straight line, but the elbow does not. The free¬ 
dom to choose what punching motion to use 
offers an animator the chance to show his or 
her skill. 


Kicking | 
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3. Think about the laws of nature 

A. Gravity and centrifugal force 



When picking up 3 heavy object, it will 
not look heavy if it is picked up with 
ease. You need to draw a picture in a 
way that makes the object look heavy 
Create this effect by drawing a picture 
in which the weight of the object looks 
like it is being pulled straight down. 
The motion is adjusted by inserting 
this picture in the middle. 


Weight is also exerted on a person 
who is simply standing around. A char¬ 
acter that appears to be floating in a 
state of weightlessness will not look 
realistic. Use the turns and twists of 
the body to make it look like the cen¬ 
ter of gravity is over the feet of a char¬ 
acter. 


Not good 







When drawing a character in motion, 
do not draw a picture that makes it 
took like the character is frozen (pic¬ 
ture 2'). The picture must look like the 
character is in the middle of a motion 
(picture zT), as if the picture was a 
frame that was removed from a film of 
a continuous motion. You have to be 
able to take one look at the picture and 
almost feel the centrifugal force and 
the opposing force putting it 
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B. Inertia 

Objects standing still do not move 
suddenly and moving objects do not 
stop suddenly. This is called inertia. 



All objects, not just charac¬ 
ters, can be divided into 
those that move and those 
that are moved. Inertia 
often appears in objects 
that are moved and it fol¬ 
lows objects that move. You 
could say that objects that 
move pull it. You can 
express motion by stagger¬ 
ing the timing of movement 
of objects that move and 
those that are moved. 

Inertia is always present in 
the natural world to some 
extent. The amount of iner¬ 
tia will vary greatly depend¬ 
ing on the speed of a move¬ 
ment. Note this when draw¬ 
ing in-betweens. 





4. Exaggeration (deformation) 

Like a still picture, exaggeration is also usees in mov¬ 
ing pictures Even it the starting position and the 
end position are fixed, use o* exaggeration in 
between will give the motion a slightly different fla¬ 
vor 

Here are some examples of “squishing* and 
"stretching," The normal action line has been 
ignored intentionally and the shape of the 
character has been changed to create an exag¬ 
gerated effect. 



Squishing 


2) Stretching 


JJ Before moving 


Surprised expression 
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In this example, we stuck out the 
chest and drew back the head 
without moving the body at all. 
This ignores the structure of the 
human body, but T, 12 and 1 3 are 
moved rapidly so that you only 
see the odd picture for an instant. 


^2] Winding up exaggeratedly 





The car is coiled like a spring to 
emphasize the rapid start in |3’J. 
This technique can be used with 
anything including people, ani¬ 
mals and machines. You see this a 
lot in American animation. 


[2J Winding up exaggeratedly moving 








5. Move objects using "ghost" effects 


Vou have probably raken a photograph that has 
turned out to be blurred The color of people and 
background m a burred photograph appears to flow 
Even if a photograph is not barred the subject of 


your photograph leaves a trailing image if tl moves 
quickly A 'ghost* effect is usee to represent this 
trailing image m order to create a sense of speed. 






If you try to make it look like the 
chick is moving quickly from i to 
3 , pictures 1 , Y and 3 will look 
like separate pictures if you insert 
just picture 2 in between and it wilt 
not appear to move smoothly. If you 
insert i'\ however, the ghost effect 
will make it look like the chick is 
moving quickly from I to \ 3. 



By the same principle, when you raise 
the hands from t to 3 the arms will 
look out of synch if you insert 2, The 
motion will be rapid and smooth if you 
insert 




U 
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In this example, squishing was inserted 
as the character was moved from l" to 
3, but the action is not quite exaggerat¬ 
ed enough. The action will be exaggerat¬ 
ed if you use a "ghost" effect to make it 
look like the character is flapping her 
arms. 


Let's say you want to instantly move a 
character from the position in i to the 
position in "3|. You cannot draw an inter¬ 
mediate character that will fit in between 
i and a. Here we had the character 
jump from the position in i to the posi¬ 
tion in 3L A ghost was drawn over the 
trajectory and inserted in the middle. 

Ghosts enable you to move objects at 
speeds that are not physically possible. 

Note that "ghost" effects that exagger¬ 
ate speed are mainly used in comical 
animations. They are totally unsuitable 
in almost all serious works. 
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Action Points 

Fust, think about the trajectory and how an action 
will unfold, It is not wise, however, to draw each lit¬ 
tle movement tn order from the beginning It is 
more efficient to draw the pictures with the mam 
poses first 


1. Start and end of a motion 

Here we are talking about from where to where an 
object win move The first two pictures you need to 
draw are the start and end of a motion. Then you 
can fi»i in the gap between them with the action you 
desire 

Picture LLj is an upright pole. Picture |>| is the 
pole on the ground. Pictures 121 3, ,4, > 5 ' and 
0 are the pole falling. Picture 6' is the pole 
bouncing after hitting the ground. 


These main poses are roughly picked out from the 
actions of a character You do not. however, just ran¬ 
domly pick them out. You must consider various ele¬ 
ments. 




ijjj Start 




2jCnd 


A dozing girl tries to 
fight off her sleepi¬ 
ness. She not only 
opens her eyes but 
also raises her face 


7] End 


JJ Start 
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A boy looking to 
the side turns his 
head forward. 







□J Start 


From standing position to sitting position. The gap 
between these positions is filled with pictures that 
differ slightly to create an animation of a person sit¬ 
ting down. 



O "Start and end of a motion" 
and "start and end of a cut" 

The "start and end of a motion" are pictures i 
and b , but let’s say you will only show the 
audience pictures * to 8. In this case, the 
start of the cut is picture i and the end of the 
cut is picture |I], so pictures t to 3 are not 
necessary. An animated film is made up of 
individual cuts that have been joined together. 
It is not uncommon to leave out the start or 
end of a motion. 






















































2. Points where power is exerted during a motion 


Like gravity and centrifugal force, you have to draw 
a realistic picture at points where power is exerted 
The picture wi ‘ differ greatly depending on whether 
you include this pose or exclude it from a motion. 
T he picture where the most powei is exerted is an 
important part of a motion Lei’s try drawing the 
point where the most power <s exerted in a motion. 






a 


Here we have a cat standing i and 
flying 3 . The picture with the cat 
flying makes it look like the cat is 
jumping, but these two pictures 
alone are not enough to make the 
cat fly. Filling the gap between 
these pictures with pictures that 
change bit by bit will only make the 
cat “float." Picture 2 is necessary to 
make the cat fly 



Picture 2 is required to move the character 
from picture i to picture 3 . 
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If you think of the 
state when power 
is not being exert¬ 
ed as the "normal' 
state, then the 
state when power 
is being exerted 
can be thought of 
as a state when 


Picture 13, is required 
to move the character 
from picture f to pic¬ 
ture | 3 . 


the object 
expands or con¬ 
tracts relative to 
the normal state. 
Even if the pose is 
the same, it will 
look like power is 
being exerted if 
the audience is 
aware oFthe 
expansion/con- 





everted 


Power i- 


traction 


exerted 


'nwer is 


From "Moldjver He sou roe Collect toll'’ published h\ AIC Club 
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3. Make motions fluid 

The human body is made up of many parts 
connected by |oints It would be strange if 
the movement of a character were to be 
stiff like a doll bemg manipulated 





Picture 2 in both A and B is unac¬ 
ceptable if you want to draw a char¬ 
acter turning around. Try drawing it 
so that it looks like the parts doing 
the twisting pull the other parts. The 
face should move ahead of the shoul¬ 
ders and arms, like in picture S 


When a part of the body pulls an object or another part of the 
body, it is called 'follow through'. In cartoons from countries 
other than Japan, you sometimes see motion where one object 
or part of the body appears to be stuck to something, this is an 
exaggeration of follow through. 

When making a follow through, the farther an object or part of 
the body is from the part that is pulling it, the more you should 
curve it towards its original position. 


96 










It looks like the character is about to grab 
the apple. 





u 




People do not get up like the 
character in picture 2 . The 
legs and lower back of the 
character in picture 2 1 look 
natural, 


3 
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4. How to make motions powerful 


The same motion will be viewed differently by the 
audience depending on how it appears on the 
screen 

When you want to create a powerful image, try 
making the motion so b'g that the picture spills out¬ 
side the frame if you try to squeeze the entire pic¬ 


ture into the frame, the picture and the motion will 
look cramped at the expense of power. You can rap¬ 
idly close the distance between the character and 
the audience by moving the vantage pomt (camera! 
closer to the character. The motion of a character 
that is dose to you is naturally more powerful. 


A 



Here are some specific examples. Add a pic¬ 
ture where an object on the screen looks like it 
could almost come into contact with the audi¬ 
ence. For instance, you could have the hand of 
a character pass several centimeters in front of 
the faces in the audience. For such a picture, 
all you have to do is follow the rule of making 
the parts that are near bigger and the parts 
that are far away smaller. 



i2) 



B The exaggeration mentioned earlier was incorporated into these pic¬ 
tures. Picture li is a normal surprised look. Picture 2 has more 
impact. Picture 3 is an "It's the end of the world" expression. Picture 
3 is sure to be a hit with the audience. 
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5. Main poses within motions ^ 

Unlike the pictures designed to make a motion con¬ 
sistent with the dispensation of nature and those 
designed for dramatic effect shown in the preceding 
sections here we will present poses that must be 
prepared in order to make pictures move 


ii 





When having a character turn around, just 
showing the back view (picture t) and the 
front view (picture 3 J will not give us any idea 
how the face comes into view. You need a pic¬ 
ture in between that shows this. Without pic¬ 
ture 2, it could possibly look like the charac¬ 


ter turned around from the left. Furthermore, 
the character could also turn around with the 
neck slightly tilted for dramatic effect. It is 
important to depict, in the form of specific pic¬ 
tures. the action you have in your head. 




m 



You will want a picture of the side of 
the hand when moving from fhe top of 
the hand to the palm of the hand. 


Even when you are not particular about the dramat- 
ic effect, you should remove the picture in advance 
when the object you are moving is biggest, small¬ 
est thickest or thinnest midway through the 
motion. You should atso remove the most compli¬ 
cated point when the shape of the object changes in 
a complex manner, 
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6. Analyze motion when drawing 


Use of the word analysis may be going a tittle too 
far. What we want to say is that you should think of 
motion in terms of segments 





A "grabbing" motion involves several 
movements: i\ Raising the arm, (Tj. 
Twisting the arm to facilitate grabbing 
while extending the arm, 3 . Opening 
the hand, 4 . Touching the object, 5 . 
Closing the hand and 0 , Lifting the 
object up. Performing each of these 
actions separately would look robotic, 
but when performed by a human the 
motion is smooth. 

The motion of grabbing a glass 
requires at least three types of picture: 
1 , ? and 3 . Almost all the actions we 
subconsciously perform every day are 
made up of 3 combination of subtle 
movements. Gradually think about how 
objects are moving before drawing. 


When standing up from a chair, a person does 
not float from the position in picture 1 to that 
in picture 3 , A person has to place their 
weight on their legs (picture | 2 |). This is also 
the pose where power is exerted. This motion 
is called "preliminary movement* or "prior 
movement." 
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When throwing a ball, you "prepare" for 
the throw by drawing the ball back to 
build up power. 



ID 



A person who is running cannot stop 
on a dime. A movement that shows 
the person reducing speed is inserted. 



Techniques for making motions three-dimensional 


1. Tricks for thinking of pictures three-dimensionally 


Pictures are drawn using contour lines, Out shapes 
are not represented by contour ines alone Even a 
slignt change m the angle at which an obiect is 
viewed will shift the contour of the object to a dif¬ 
ferent location 


Since you draw contour lines to match the angle at 
which an object is being viewed, a slight change in 
the angle will force you to redraw the three-dimen¬ 
sional object on a two-dimensional surface as a dif¬ 
ferent picture, even if it is the same object 







When the ball spins, the contour line 4 in the 
left picture becomes a pattern line in the right 
picture, and a new contour line a appears. 



Pictures IP and s appear to be the 
same, but you can tell that it was spun 
by the pattern 



Pictures i and 2 show the same hair, 
but the part of the hair that is visible 
changed because the angle of the face 
changed. 
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2. Make sure that characters do not "lose their shape" 


We say that characters 'loses therr shape ' 1 when the same 
character looks different in different pictures. Be careful 
because this phenomenon can occur when drawing 
machines and small objects as well. 






Not good 


This dog has a normal build. The 
length of its body will not shrink 
when viewed from the side. 







If the cross section of a building is square, you need 
to draw it so that the width and depth look the 
same no matter what angle it is viewed from. 


Not good 

For pictures that have to be 
drawn at an angle that offers no 
reference material, you should 
make the atmosphere similar 


Good 



A character cannot look like a different person when viewed 
from the front and side (the character would transform into 
another person while turning around). Make a character look 
the same even if the angle from which it is viewed changes. 

Pay attention to the following in order to make a character 
look the same. 

• Accurately grasp the shape of parts 

• Accurately grasp the balance between parts 

• Grasp the atmosphere 

Grasping the atmosphere is particularly difficult, because 
much depends on the latent ability of the artist, but the trick 
to making a character look the same is to give concrete form 
to the visual image of a character. Capturing the atmosphere 
is indispensable. 


Good 
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Chapter 4 



Tips for Improving the Fun 
Factor of Animations 


From “Moldiver Resource Collection” published by AJC Club 







Making Animations is the Same as Shooting a Film 



Characters in an animation are actors and animators 
are the cameramen who film the actors You should 
draw pictures as if vou were looking through a cam- 
eta Always be conscious of the ‘camera * 

1. Think about the visual field, 
visual angle and visual cone 

Pictures will be round if you draw the entire 
expanse of space visible at one time They will be 
round because both eyes and camera lenses are 
round. This range of sight is called the visual field. 
The screen is one part of the range of sight cut out 
in the shape of a frame In a film, the pictuies with¬ 
in this frame become the visual field of the audi¬ 
ence A cone whose base is the visual field and 
whose vertex is at the eye (camera) is called the 
visual cone The angle of the vertex of the cone is 
called the visual angle An object is within the visu¬ 
al field if it is withm the visual angle 



The [r»ul cut mu of iht* v mu a! in-td hi the diufw 
til it f mi in- 1- hIuu fh> 011 rhf film. 
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2. Think about where the horizon is 


The ground will generally be completely flat 
(the earth is round, but it is very big) Think 
about where the horizon is in the picture It 
the eyes are parallel with the ground, the 
horizon will be in the center of the screen If 
not, think of this as a yardstick The relation¬ 
ship between a character and the horizon 
will differ depending on the height of the 
eyes (camera height) relative to the charac¬ 
ter. A horizon that is above or below the 
center of the screen indicates that the eyes 
are not parade 1 with the ground. 


,T) Stamlfinl | m* it ion 




Telephoto and wide-angle lenses 

You can have a close-up of a character 
by using a telephoto lens and you can 
make a character smaller by using a 
wide-angle lens, without changing the 
distance between the character and the 
camera. The size of the character with¬ 
in the frame looks different because the 
telephoto lens makes the visual field 
narrower and the wide-angle lens 
makes it wider. 


,'S I.mvrrmt; the cdmcM (low position) 



•X 1 ’ Looking tip from low ''Sitters posilioj) (low angle) 




■$' lamkirij; down from high camera position itiiigh angle i 
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3. Perspective lines are curved 


The straighter an object is, The more Conceptual drawing of spatial distortion 

curved it wrll look, This statement may sur- as seen through a tens 


prise you. but it <s true An ob|ecl that is 
physically straight always has parts that 
are near and far from the eyes (camera). A 
straight obfect will look almost completely 
straight when viewed from the front, but 
the parts of a picture not at the center of 
the visual field will be viewed at an angle 
from the eyes (camera), so the distance 
will be different relative to the front view, 
You will need to deftly distinguish between 
these differences in angle and distance 
when drawing 


Appears to hn 



Completely 


Appears to br 


flat prounil 



Fr&nrn b 


Fraiw r 


Let's say we are looking at a straight wall. 
When the wall is viewed from directly in front 
of it (frame a), all the tines appear to be 
straight, parallel lines. When you move your 
eyes to the right, however, you are viewing 
the wall diagonally (frame b), and the wall 
lines are no longer parallel. 

Since the angle at which the wall is viewed 
becomes sharper the farther in the back you 
go, the portion of the waH (frame c) between 
the edge of the wall and the front can only be 
drawn with wall lines that are curved. 


We drew a building based on the preceding con* 
cept. When you try to combine in one picture 
the part of the building you look up at, the part 
you look down at and the part in between, with 
their different perspectives, you end up with a 
mysterious building made up of all curved lines. 
If you show this strange picture only within their 
respective frames, it will not look that out of 
place. This type of picture is often drawn inten¬ 
tionally when making an animation. 
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4. Exaggeration of perspective 

A close-up of the same character created using 
a telephoto lens and that created using a wide- 
angle lens will be different. 

Since the wide-angfe lens has a wider visual 
field, you have to be very close to the character 
to get a close-up. Such a shot will be powerful 
because the character is near the audience. In 
order to let the audience know that it is near the 
character, you have to draw a picture that gives 
the impression that it was shot with a wide- 
angle lens. Exaggeration of perspective is an 
effective means of creating this difference. 





We drew a curved character- It does not look 
strange, however, when viewed only within 
frames. This drawing was designed to express the 
camera work shown in Figure 1. Characters are 
sometimes drawn strangely on purpose for dra¬ 
matic effect, not just to distort perspective. 



Ill 


The mystery behind a seemingly si range picture ia solved 
when you are aware of the presence of the camera* 





■■ 


Exaggeration of perspective continued 


Let's say that a camera is placed in a certain posi¬ 
tion and a character walks in front of it in a straight 
line. The character passes in front of the camera. 



The character is viewed from the side the instant it 
goes by the camera lb), but when tt approaches (a) 
and moves away from (cl the camera, it is not 
viewed from the side. This is because the angle of 
the character as seen from the camera is different 
in each frame. 

Conceptual drawing of walking action 

Walking 

A — d 

o o 








We drew two standing characters to look at the 
difference between them. When the characters 
are viewed with the same lens, both characters 
pretty much face the camera when they are 
shot from a distance, but they look like they are 
turning away from each other when shot close 
up. Even if the way the characters are standing 
does not change, a change in camera position 
not only changes the size of the characters but 
also affects other changes. The direction the 
characters are facing in each picture is the 
direction of spatial distortion. 
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5. Depth 

When you watch Formula 1 racing on TV, the cars too* 
like they are crawling along when you see them from far 
away, but they appear to gradually pick up speed as they 
get closer Even if the cars are moving at the same speed, 
the distance they travel and the 'change in size* increase 
with increasing speed as the cars get closer, and they 
move extremely fast very close up. 

There is a large difference in the amount of change 
between the cars in the distance and those nearby even 
if physically they are moving the same distance and at the 
same speed 



Movement in the depth direction is expressed by changing 
the size of an object. If the movement from (J; to 2 is viewed 
from the front, then A and B are equivalent to (D and (?:■, 
respectively. 

Speed is expressed in terms of percentage change. If the 
speed of the movement is the same, (a) is correct. The fore¬ 
ground is slow in (b). 



The pictures needed lot the 
same action will diff er depending 
on whether the length of time 
required for the action IS long or 
shod. Furthermore, the image of 
the screen itself will differ. Is the 
action slow, quick or a combina¬ 
tion of the two? If it is a combi¬ 
nation of the two, think about 
how the pace is varied 


(A) 
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B-5(same as A*3) B-4 B-3 B-2 B-ltsame as A-'M 


Timing of Actions 


1. Speed of actions 

A'l and B~1 are the same pictures as am A-3 and B* 
5 Using these pjcturK, we created an action with 
one cycle consisting of four pictures (A) and an 
action with one cycle eonsrsliria o* eight pictures 
tB) 

B which has more pictures naturally appears to 
move slower, Put did you notice that this is not just 
because there are more pictures? Both A~2 and B-3 


are in the middle of A-1 and A-3 and B-l and 
respectively. but they are slightly different. A-4 and 
B-7 are also different. Th?s occurred because the 
animator determined, based on experience and <nti> 
ilion, that these pictures were necessary if the char* 
acter was to nnove at a certain speed As you can 
see, it is important to imagine the speed of an action 
m your head and draw the pictures necessary for 
rhe motion 


IB) 



CO 

CD 


| 

m 


op 

m 


CD 



Both pictures show a character 
running, but they are quite dif¬ 
ferent. The pictures will be dif¬ 
ferent tf you are conscious of 
the speed at which the charac¬ 
ter is running as you draw. 
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2. Three frames, two frames and one frame 

Movie film runs at twenty-four 
frames per second. Television and 
other video signals use 30 frames 
per second. That is equivalent to 24 
or 30 flip-it cartoon pictures in the 
course of one second In the case 
of most Japanese animations. 24 
frames per second are used and 
the same picture is used for three 
consecutive frames, so you only 
need eight pictures per second. 

This is done because the pace of 
motion is altered by manipulating 
the length of time each picture .s 
shown, making use of the fact that 
an object will appear to move with 
as few as eight pictures The same 
picture is usually shown for three 
consecutive frames (filming on 
threes) and then only two frames in 
a row (filming on twos) or one 
frame (full animation) for special 
scenes The motion will be faster 
only where one or two frames are 
used (machine traced or hand 
traced), 

Even if the motion is the seme, the 
pictures will differ depending on 
whether the pictures in between 
are filmed on threes or whether it 
will be full animation requiring three 
pictures. This is the same as each 
picture being different depending 
on how many pictures will be used 
in between that we mentioned 
before. 

The quality of motion wilt depend 
on how many pictures are used, 
how many frames each picture is 
filmed and what kinds of pictures 
are used. 
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3. Number of in-betweens 



Once (he key points of an action have been down the 
next step is to Ml in the gaps between them To do this, 
you have to have thought about how many frames each 
picture will be filmed and now many pictures will be used 
to hll in the gaps The key points of an action are called 
'key drawings” and tiffing the gaps between key drawings 
s called ‘in-betweening' it is important to know now 
many frames each picture between the key drawings will 
be filmed and how many drawings there will be. The 
drawings between key drawings are referred to as 'in- 
betweens ‘ First, decide on the number of in-betweens 


(Turn in-lKTltwit' 


Kpv 

dntiviiiK 


Otic ui-bwwpwi 


IVo iri-l'civni'fn.s 


Key 

drawing 


Clean-up 


Key drawing 


Clean-up 


Animation 


In-betweening 


Key drawing 


Clean-up 
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Time sheet 


How many in-betweens will there be and how many 
frames will each be filmed? It can get confusing try¬ 
ing to keep track of this in your head, so a table is 
used. This table is called a time sheet in the domain 
of antmalion The time sheet has places to write 
actors' lines and camera work in addition to infor¬ 


mation about moving pictures tsee page 124. for 3 n 
illustration of a complete time sheet and further 
details). 

A time sheet could be thought of as the blueprint for 
8 single cut Animations are filmed on the basis of 
these time sheets 

By numbering pictures consecutively 
on a time sheet, you can see at a glance 
what the total number of animation 
drawings will be when a certain num¬ 
ber of in-betweens are used. The left 
columns are for indicating key draw¬ 
ings and the number of in-betweens. 
The right columns are the numbers of 
animated drawings that need to be 
completed. 


Every animator must have a stopwatch. An ant 
mator moves a character in his or her head and 
times the movement. 

ff there are exactly two seconds between two 
key drawings, you will need IS pictures if each 
is used for three consecutive frames and 23 pic 
cures If each is used for two consecutive 
frames, 
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—Filling the gaps between key drawings 


4. In-betweening 

Now then, let's do some in-betweening. Confirm 
the number of pictures between two key drawings 
and then go over again in your head the motion you 
have planned The thing that looks like fish bones in 
the illustration is used to designate how many pic¬ 


tures there will be between two key drawings and 
to what extent the in-betweens should change. The 
longer the distance between the numbers is, the 
greater the movement or change wilt be. 


© 


^ ® Key drawing number 


h 

© 



3 

In-betweens 



H 

© 


Animation drawing number = cel number 




Action 




This is a portion of a time sheet desig¬ 
nating that the same picture will be 
filmed for three consecutive frames and 
there are three in-betweens. 

The column for cel numbers has been 
filled in based on this. Assign anima¬ 
tion drawing consecutive numbers to 
the animation drawings. 
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Sometimes no in-betweens 
are needed between key 
drawings. In-betweens can 
also be placed at almost equal 
intervals. These in-betweens 
will not be used if you are 
aiming for a realistic scene. 











5. Peg bar alignment 

Drawing key drawings is a very difficult task, but 
drawing in-betweens is no less so. After all, you 
have to draw characters that look just like those in 
the key drawings many times and from different 
angles and m different sizes. 


Peg bar alignment is a method used to help make in- 
betweening a little faster and more accurate. Peg 
bar alignment is a method and not a technique, so 
anybody can do it once they know how 





jj Pay attention to the trajectory, interval 
and other elements of a motion and deter¬ 
mine where the picture should be posi¬ 
tioned. You may want to draw a light out¬ 
line. 


Overlapped rvn the |w^ ji.ir 



u Remove all the animation paper from the 
peg bar and move the paper so that the 
pictures on the key drawings overlap. 


ha* Keen moved. 
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13J Place the animation paper with the out¬ 
line on top so that it overlaps with the key 
drawing. Look at the edge of the anima¬ 
tion paper and the orientation of the peg 
bar holes to make sure that each forms a 
uniform arc. 


The two key drawings and the outline 
overlap. In this position, draw a picture 
intermediate to the key drawings. If the 
picture is not intricate, all you have to do 
is simply draw lines between the two 
lines. 


ih* of interval 


A-© A-® 



|5J When there is a big difference between the two key draw¬ 
ings, perform peg bar alignment multiple times at differ¬ 
ent parts to come up with one picture. 
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Filling in a time sheet 
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WHte ed numben as indicated on the key drawing*. Cel n timbers will be the j *“For indicating camera work, 

same as the key drawing numbers* except in special situations. A circle is 
placed on the numbers of key drawings that have been cleaned up Do not place 
a circle nti in-hr*ween numbers 







































































































































































































































































































































































































































Character Design 

Do you all have your own original character? It does character that is easy for you to draw The question 
not matter if it looks similar to that of a famous <s can your character oe used in any kind of amma- 
artist Drawing will be more enjoyable if you have a tion 5 


There are two main types of characters that are used in animations 
Realistic characters Cartoon-like characters (deformed) 

MmlinFW KStNSBXr 


There are also a variety of stories. 

Warm family animations Mecha and robot action stories 


School love stories Sports stories 

Fantasy stories^ etc. 

Each type of story has its own concept of the world and characters that 
match that concept. You may have to abandon the characters you can 
draw easily and make characters demanded by the concept of the world 







\ ttitc, ninoon-Jike 
c W*clcr i«Ipforn n*d t 


\ slightly rartooiHikr rharacrer A phololikp ch*niclrr 

capable ti( ctwural actions Hiih realistic 


125 
































Making cartoon-like objects match characters 

How cartoon-hke you should make your drawings is 
not limited to characters. Think of the objects in a 
picture as part of a character. 



If tin* rlmrarlrT looks red, tin* sandbag should 
look rrjii welL 


A sandbag is not inflated like this. The sandbag 
was made cannon-like lo fit tbo image of ihr pit'turn 





The size and shape of th«* receiver match the small* 
rarlcKin-Ukc ham I, 


The dze of a receiver relative to a real human is used 
without flhrraimn. 
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Objects drawn laithlullv arc very r^ulisLii\ You rannnl 
pul cartoon-likc characters next tn huoIj nbjeicts-. 


Ojijivi.'i arc altered In match the M\le lli^ 
chirm ter* arc drawn iiu but note dial in ihr 
case <jf ran and noruc other objfds, their i* 
tmi loo much diffemice fiwn ihHr realistic 

cnLiincrparts 







Creating Animations on a Computer 


As we have demonstrated, production 
o+ cel animations requires a tremendous 
amount of time and labor. As such, peo¬ 
ple who are good at their respective 
tasks collaborate to produce them In 
other words, one person does not per¬ 
form all the production tasks Thev are 
divided up among many people. There 
are many people who want to make an 
animation by themselves, but that is like 
saying you want to build a car, which 
would involve designing the car, manu¬ 
facturing the metal, plastic, urethane, 
rubber, glass and cloth and putting it 
together all by yourself, so you can see 
that It entails an enormous amount of 
work 



With the spread of personal computers and their 
increased performance, however, people can now 
make animations relatively easily without any spe¬ 
cial equipment if it is for their own personal pleas¬ 
ure. You need the following to make animations on 
a computer 

1. Personal computer 

2 Graphics software 

3 Animation software 

You can make a very simple animation with just the 
above 

You also need the following if you want to make a 
higher quality animation 

4 If you use editing software you can adjust the 
timing of movements and more easily join cuts. 

5 If you have a scanner, you can scan into your com¬ 
puter pictures drawn accurately by hand, 

6 If you have a video input device, you can record 
your animation on video. 

if you spend the right amount of money, the quality 
of your animations will be the same as the quality of 
those on television We suggest you start by having 
a small character move around a little 

Use of computers is now commonplace in the ani¬ 
mation industry Computers are also a necessity for 
people in the film industry as well If you are think¬ 
ing about becoming a part of the industry in the 
future, it cannot hurt to familiarise yourself with the 
use of computers in film. 
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BarkgmiJtid lines were cre- 

Fhe software s airbrush &Led using 3D computer 

function was used for gradation. Contour lines were drawn as animation graphics called fractals. 



CG: Hiroki Takeuchi 


Types of computer graphics 

There are two main types of computer graph' 
ics; two and three-dimensional. 

Two-dimensional computer graphics | 

You draw a picture on your computer like you 
would on paper. It is like drawing a picture directly 
on your computer monitor, so it is very similar to cel 
animations. 

Three-dimensionai computer graphics || 

This is like making a doll inside your computer. You 
let the computer compute how the graphics will be 
shown on the monitor. All you do is indicate the 
shape, color, camera work, lighting and motion. 

Common way of making a 2D animation 


Scanning ^ 

You input the lines of animation drawings into your 
computer with a scanner You can keep the frames 
aligned if you attach a peg bar to the scanner. 

* Scanned lines are often broken. You touch them 
up on the computer without the color escaping. 

* There are two ways to handle backgrounds. You 
can scan a colored drawing or you can scan a line 
drawing and color it on the computer 

_ Coloring _ | 

Use the colors of your choice. Just remember to use 
the same colors for a character even if the picture is 
different. Unlike cels, you do not have to get too 
nervous because you can always redo it if you make 
a mistake. 


Preparation of animation drawings 

• Done by hand and involves materials (pic¬ 
tures on paper) 

i 

Scanning 

• Everything from this stage on is processed 
by the computer 

9 

Coloring —-—, 

9 

Camera work Done on computer, 

_ .9 no materials 

Editing 

9 

Completion —-—l 


You can magnify and reduce pictures to 6 certain 
extent, but in the case of major camera work, you 
will need large materials for that purpose for both 
characters and backgrounds. Like cel animations, 
you have to have a plan when using a computer as 
well. 


; Editing | 

If you designate a motion on the software's internal 
time sheet (or its equivalent), it should execute the 
motion just as you designated. Note that computer 
animations are sometimes 30 frames per second. 
This is where you splice cuts together and adjust 
the length of cuts so that the scenes flow smoothly. 







































Animator Aptitude Test 




Question 1 Choose the word (A, B or Cl that matches the state of 
mind and position of the character and how the character is 
viewed by the audience for each of the following three pictures. 



Caliii i H, C'liifronlBtirmal I Curoeml 


A WWW*; 

i'll 2 W - < 

S«tr r 10 [hrlltl. |n| 'i i «im;t dJlSWiY*. 
5 tint I l ortfrl mnwi’r ami 

II ..Ik Jiir no f orn'ci 'uurvrec* 


Question 2 (Same as Question 1) 



A. Superior ! It Rqiml I Infenur 


(£) A / / $0 

Si^irr- HI [ttHlUfl fri| 3 MintfJ 
a poinln kit I m.irwrl aiiMvtx a/ti! 
I) iKihvIbi for no nim*rt jumwlus 


Question 3 (Same as Question 1) 





A, Slranjirr / It fnrrol t ♦ Onev*lf 


4nsi»wi 

ii: t I#. A * |B 
’Sc.tijru: JXl pnmb fat A n ittuM dnswrx. 
j pcdUn for 1 forriv i unwior anti 
fj [nijhb for iv>fiorrrri mifewefr 
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An animator is a painter, actor and camera man. Only professional animator. Do you have what it takes to 

people who are good at all of these can work as a be an animator? 


Question 4 Which of the following four poses would you draw if you were practicing drawing? 



Scnrt-. ( 4 ) 10 points/® 6 points/® 4 points/® 2 points 


Question 5 Do you often compare drawings 
with those around you? 

A. Often 

B. Sometimes 

C. Never 


Question 6 How much do you draw every 
day on average? 

A. Almost none 

B. One hour 

C. Five drawings 
0. Three pages 
E. More 


Question 7 Have you kept your old draw¬ 
ings? 

A. No, none 

B. Yes, many 

C. Yes, some 


Question 10 Let’s say that you are taking 
a test for employment at an animation 
production company. As part of the test, 
you are asked to draw any picture you 
want. You have one hour to complete it. 
Try drawing in an hour the picture you 
would likely draw in such a situation. 

Give yourself 10 points if you completed it within 
an hour. Give yourself 5 points if it took longer 
than one hour. You get no points if you thought 
this was a stupid question and are now looking at 
this answer. 


Question 8 Which part of an actor do you 
focus on when you watch dramas on televi¬ 
sion? 

A. Eyes 

B. Waist, hands 

C. Entire body 

D. Face 

£. Everything including surrounding set 

Question 9 Do you often read the credits of 
animations? 

A. More than most, I think 

B, I know every voice actor 

C, I only look at the pictures 

D. Only when I feel inclined 

Score: Each of these questions is worth 10 points. 

You get 10 pouits if you answer immediately, 5 points 
if you hesitate briefly and 0 points if you have to 
think it over. 


Evaluation 


91 - 100 points: You should become an animator* The ani¬ 
mation industry is eageriy wafting for ambitious people 
like you. 

71 - 90 points: You have talent. You have a good chance of 
becoming a professional animator* 

51 - 70 points: You show promise, but you may just remain 
in the realm of an animation fan. It is up to you. 

0 - 50 points: If you cannot think of becoming anything 
other than an animator, you had better make a habit of 
drawing, watching movies and studying. 






Entering contests 

At the beginning of this book, we said that there 
was no piace for amateurs to present the"' works. It 
is true that there is nothing well known like the 
comic market. But there are in fact a variety of ani¬ 
mated film festivals and contests around the coun¬ 
try. It may be impossible to have your animation pre¬ 
sented at a big international festival, but you might 
have a chance with a local event sponsored by an 


amateur group. Animation production requires a 
huge amount of work, but that makes the pleasure 
of seeing the finished product an the greater And it 
is exciting to think that many people may watch it 
and have a good time. 

There are many notices of animation festivals in ani¬ 
mation and film magazines. We suggest that you 
make animations and present them. 


What do you think after having finished reading this 
book? We feel thaT the book wilt have fulfilled its 
role if we were able to convey to you even a little of 
how animations are made, how they are drawn, 
how people collaborate to produce them and how 
difficult but fun and fulfilling the work is. 

This is a fun, easy-to-understand and edifying intro¬ 
ductory book brought to you by AIC, which employs 
many popular animators and has garnered much 
attention in the industry, and Yoyogi Institute of 
Animation, which has an excellent reputation as a 
trainer of animators It is a unique book that com¬ 


bines information from people actually producing 
animations and information from those educating 
animators, it is not, however, just unique We 
believe that this book gives readers a broad outlook 
of the world of animation, not just one side or the 
other. We hope that this book deepens your under¬ 
standing of the world of animation. 

Hiroyuki Kitazume of AIC and Shinzaburo Takashima 
of Yoyogi Institute of Animation played a central role 
in preparing the manuscript tor this book. We would 
like to express our deep gratitude to them (Graphic- 
sha Publishing Co., Ltd. / Editorial Department) 
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